<script setup lang="ts">
  import { ref } from 'vue';

  let visible = ref(true);
  let text = ref('test');
</script>

<template>
  <div class="q-gutter-xs">

  <t-help
    ref='fasr_help203138'
    style='opacity:100%'
    class='fasr_help203138'
    label='问号帮助11111111'
    maxHeight="80px"
    maxWidth="600px"
    content='关闭时：所有签署方同时进行签署 开启后：按照签署顺序一一进行签署 所有签署方所有签署方所有签署方所有签署方'
    helpPlacement='bottom'
    linkType='open'
    :isLinkTargetBlank='true'
    hrefType='expression'
    :tabIndex='0'
    hrefExp='//www.baidu.com'
  >
  </t-help>
   <t-help
    style='opacity:100%'
    class='fasr_help_445359'
    instanceCode='fasr_help_445359'
    label='问号帮助'
    :hideLabel='true'
    content='提示提示提示提示提示提示提示提示提示提示提示提示提示提示提示提示提示'
    maxHeight='410px'
    maxWidth='600px'
    helpPlacement='bottom'
    linkType='open'
    :isLinkTargetBlank='true'
    hrefType='static'
    :tabIndex='1'
  ></t-help>
      <t-help
    label='问号帮助'
    helpPlacement='bottom'
    :tabIndex='0'
    content='【低代码】【响应式组件】【模版】【简单卡片】【移动端】日期时间组件选择完日期时间后会回到卡片顶部        http://fastest.teld.cc:12010/fas/Page_ReactiveDO_do_bug_zhangbaoList正常内容是这个'
    linkType='open'
    :isLinkTargetBlank='false'
    href='//www.baidu.com'
  >
  </t-help>
    <t-help
      :visible="true"
      label="22222"
      content="1234567890"
      placement="right"
      effect="dark"
    ></t-help>
    <div>8888</div>
    <t-help content="7777" placement="bottom" effect="light"></t-help>
    <t-help
      label="static"
      content="7777"
      placement="top"
      effect="light"
      linkType="open"
      hrefType="static"
      href="//www.baidu.com"
      :isLinkTargetBlank="false"
    ></t-help>
    <t-help
      label="expression"
      content="7777"
      placement="left"
      effect="light"
      linkType="open"
      hrefType="expression"
      hrefExp="//www.qq.com"
      :isLinkTargetBlank="true"
    ></t-help>
    <t-help
      label="openDia"
      content="7777"
      placement="bottom"
      effect="light"
      linkType="openDia"
      diaInfo="diaInfo"
    ></t-help>
  </div>
</template>

<style lang="less"></style>
